<template>
  <div class="banner">
      <swiper loop auto :list="date" height="42.66vw"></swiper>
  </div>
</template>

<script>
import { Swiper, SwiperItem } from 'vux'
import axios from 'axios'
export default {
  props:['date'],
  name: 'banner',
  data () {
    return {
      swiperItemIndex: 1
    }
  },
  components:{
    Swiper,
    SwiperItem
  },
  methods:{
/*    async getBanner() {

      if (this.vCheck()) {
        let that = this
        Get('/ads',this.$store.state.token).then(function(reg){
          that.banner=reg.data
        })

      }
    },*/
  }
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped="" type="text/css">

$vw:750;
@function h($px){@return $px/$vw*100vw}

.banner,
.vux-slider,
.vux-swiper {
  width: 100%;
  height: h(320)!important;
}

.vux-swiper img {
  width: 100%;
}
</style>
